<template>
  <div>
    <ul>
      <li v-for="menu in orderdata" :key="menu.id">
        <h5>订单号:{{menu.ordernumber}}<span>{{menu.text}}</span></h5>

        <div class="o1">
          <img src="../../../assets/img/yzk-img/user.png" />
          <a href="">{{menu.title}}</a>
          <b>￥{{menu.price}}</b>
        </div>

        <div class="o2">
          <p>{{menu.time}}</p>
          <i>实付金额:￥{{menu.payprice}}</i>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
// import axios from "axios";
export default {
  name: "Ordernumber",
  data() {
    return {
      menus: [],
    };
  },
created() {
    this.$store.dispatch("LINK_ORDER_DATA","/my/myorder")
    },
    computed:{
      orderdata(){
        return this.$store.state.MyOrderM.order
      }
   }
}
</script>

<style scoped>

a {
  color: black;
}
ul {
  width: 100%;
}
ul li {
  width: 100%;
  height: 1.84rem;
  /* border: 0.01rem solid black; */
  background-color: white;
  box-sizing: border-box;
  margin-bottom: 0.1rem;
  border-bottom: .01rem solid gray;
}
ul li h5 {
  width: 100%;
  height: 0.44rem;
  line-height: 0.44rem;
  padding-left: 0.2rem;
  box-sizing: border-box;
}
ul li h5 span {
  margin-left: 1.64rem;
}
ul li .o1 {
  width: 100%;
  height: 0.9rem;
}
ul li .o1 img {
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.2rem;
  margin-left: 0.18rem;
  margin-right: 0.1rem;
  float: left;
}
ul li .o1 a {
  float: left;
  margin-top: 0.34rem;
}
ul li .o1 b {
  float: right;
  margin-top: 0.34rem;
  margin-right: 0.48rem;
}
ul li .o2 {
  width: 100%;
  height: 0.48rem;
  line-height: 0.48rem;
}
ul li .o2 p {
  float: left;
  margin-left: 0.18rem;
  margin-right: 1.05rem;
}
ul li .o2 i {
  float: left;
  font-style: normal;
}
</style>